
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@page import="com.ares.service.bean.BeanObjetivo" %>
<%@page import="com.ares.service.bean.BeanMeta" %>

<html>
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/sevde.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/prototype.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/collapse.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/util.js"></script>
        <link href="<%=request.getContextPath()%>/css/miestilo.css" rel="stylesheet" type="text/css">
        <script type="text/javascript">
            function llenarTextos(idTxtEvaluador, idTxtEvaluado, idTxtRevisor){
                var txtEvaluador = document.getElementById(idTxtEvaluador);
                txtEvaluador.value = txtEvaluador.value.replace(/@/g,"\n");

                var txtEvaluado = document.getElementById(idTxtEvaluado);
                txtEvaluado.value = txtEvaluado.value.replace(/@/g,"\n");

                var txtRevisor = document.getElementById(idTxtRevisor);
                txtRevisor.value = txtRevisor.value.replace(/@/g,"\n");
            }
        </script>
    </head>
    <body>

        <html:form action="a_EvalIntegral">
            <input type="hidden"  name="method"/>
            <input type="hidden" name="operacion" id="operacion"/>

            <table class="tablaEvalIntegral" >
                <tr>
                    <td align="center">
                        <table  id="tb_opciones" class="tb_opciones" border="0">
                            <tr>
                                <td colspan="9" align="center" class="tituloJsp">
                                    Mi Evaluación Integral <c:out value="${formulario.strPERIODO}"/>
                                </td>
                            </tr>
                            <c:if test="${formulario != null}" >                       
                                <tr>
                                    <th><IMG class='stlTdImagen' border="1" SRC='file://fs-grupos/Data_pub$/PE/RRHH/fotos_HOC/<c:out value="${formulario.strID_EMPLEADO}" />.jpg' onerror="this.src='images/sinimagen.png';" /> </th>
                                    <th  rowspan="4" style="vertical-align: middle" >
                                        <table border="0" width="600px" cellpadding="2" cellspacing="2">
                                            <tr>
                                                <td  class="labelNombre" width="250px"><label><c:out value="${formulario.strNom_Empleado}" /></label></td>
                                            </tr>
                                            <tr>
                                                <td  class="labelopciones"><label><c:out value="${formulario.strApellido_Empleado}" /></label> </td>
                                                <td class="espaciosEnBlanco"></td>
                                                <td>Evaluador :</td>
                                                <td class="labelopciones"><label ><c:out value="${formulario.strNom_Evaluador}" /></label> </td>
                                            </tr>
                                            <tr>
                                                <td class="labelopciones" ><label   ><c:out value="${formulario.strPuesto_Empleado}" /></label></td>
                                                <td></td>
                                                <td></td>
                                                <td class="labelopciones" ><label ><c:out value="${formulario.strPuesto_Evaluador}"  /></label> </td>
                                            </tr>
                                            <tr>
                                                <td class="labelopciones"><label ><c:out value="${formulario.strArea_Empleado}" /></label> </td>
                                            </tr>
                                        </table>
                                    </th>
                                    <th class="espaciosEnBlanco"></th>
                                    <th rowspan="2">
                                        <table>
                                            <tr>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <c:if test="${formulario.strESTADO == 'S3' || formulario.strESTADO == 'S4'}">
                                                        <div id="divgrabar">
                                                        	<button class="button"  type= "button" onclick="grabar();"> <img src="images/grabar.gif" alt=""  height="15px"/> Grabar</button>
                                                        </div>
                                                    </c:if>
                                                    </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <c:if test="${formulario.strESTADO == 'S3' || formulario.strESTADO == 'S4'}">
                                                        <div id="divenviar">
                                                        	<button  type= "button" class="button" onclick="enviar();"> <img src="images/derecha.gif" alt=""  height="15px"/> Enviar</button>
                                                        </div>
                                                    </c:if>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>
                                                    <button  type= "button" class="button" onclick="imprimir();"> <img src="images/icono-imprimir-mensaje.gif" alt=""  height="15px"/> Imprimir</button>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>
                                                    <button  type= "button" class="button"  onclick="cerrar();"> <img src="images/cerrar.gif" alt=""  height="15px"/> Cerrar</button>
                                                </td>
                                            </tr>
                                        </table>
                                    </th>
                                </tr>
                            </c:if>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <HR>
                    </td>
                </tr>

			
                <c:if test="${formulario.strESTADO == 'S4'}">
                
	                <tr>
	                    <td align="left">   
	                    <div id="ver_btnotificar">                     
	                         <button id="btnNotificar" style="width: 110px; height:25px; font-size: 10px; text-align:center;" type= "button" onclick="notificar('<%=request.getContextPath()%>');"
	                         <c:if test="${notificoEvaluadorOk}">
	                         	disabled
	                         </c:if>
	                         >  Notificar al Revisor</button>  </div>                       
	                    </td>
	                </tr>
	               
                </c:if>
              
				<tr>
                	<td colspan="4" style="text-align: left">
                		<div id="ver_mensaje"></div>
                	</td>
                </tr>
<%--                 <c:if test="${mensaje != null}" > --%>
<!--                     <tr> -->
<!--                         <td colspan="4" style="text-align: left"> -->
<%--                             <font color="#1F497D" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje}" /></font> --%>
<!--                         </td> -->
<!--                     </tr> -->
<!--                     <tr> -->
<!--                         <td> -->
<!--                             &nbsp;&nbsp; -->
<!--                         </td> -->
<!--                     </tr> -->
<%--                 </c:if> --%>

                <tr>
                    <td align="center" class="tablaEvalIntegral" >
                        <table id="tablaColap" cellspacing="0" cellpadding="0"  border="0" >
                            <tr>
                                <td class="labelblueWhiteLeft">
                                    Calificación final (80% objetivos y 20% competencias)
                                </td>
                            </tr>
                            <tr>
                                <td class="labelblueWhiteLeft">
                                    Escala: 1- Desempeño No Aceptable&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2- Desempeño a Mejorar&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3- Desempeño Efectivo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4- Desempeño Excelente
                                </td>
                            </tr>
                            
                                <tr>
                                    <td>
                                        <div align="left" style="line-height:25px; height: 30px; width: 800px; background-color: #ffffff; font-family: Arial; font-size: 12px" >
                                               &nbsp;&nbsp;Evaluación de Objetivos:&nbsp;&nbsp;<c:out value="${evalIntegral.nivelEO}"/>
                                               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Evaluación de Competencias:&nbsp;&nbsp;<c:out value="${evalIntegral.nivelEC}"/>
                                               <b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Evaluación de Desempeño:&nbsp;&nbsp;<c:out value="${evalIntegral.nivelEDRedondeado}"/>&nbsp;&nbsp;&nbsp;&nbsp;<c:if test="${evalIntegral.nivelED != ''}">(calificación&nbsp;&nbsp;<c:out value="${evalIntegral.nivelED}"/>)</c:if></b>
                                        </div>
                                    </td>
                                </tr>
                            

                            <tr>
                                <td class="labelskyBlueblackLeft">
                                    <b>&nbsp;Comentarios del Evaluador:</b> Sintetice su apreciación general sobre el evaluado teniendo en cuenta los resultados alcanzados y el análisis de las competencias.
                                </td>
                            </tr>
                            <tr>
                                <td>                                     
                                    <textarea id="txtEvaluador" rows="7" readonly="yes" style="width: 99%; font-family: Arial; font-size: 12px"><c:out value="${evalIntegral.comentarioEvaluador}"/></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td class="labelskyBlueblackLeft">
                                    <b>&nbsp;Comentarios del Evaluado:</b> Exprese las consideraciones que estime oportunas.
                                </td>
                            </tr>
                            <tr>
                                <td>                                   
                                    <textarea id="txtEvaluado" rows="7"  style="width: 99%; font-family: Arial; font-size: 12px" onblur="llenarComentario(this);"
                                          <c:if test="${formulario.strESTADO == '' || formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5'}">
                                              readonly="yes"
                                          </c:if>
                                          ><c:out value="${evalIntegral.comentarioEvaluado}"/></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td class="labelskyBlueblackLeft">
                                    <b>&nbsp;Comentarios del Revisor:</b> Exprese las consideraciones que estime oportunas.
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <textarea id="txtRevisor" rows="7" readonly="yes" style="width: 99%; font-family: Arial; font-size: 12px"><c:out value="${evalIntegral.comentarioRevisor}"/></textarea>
                                    <script type="text/javascript">
                                        llenarTextos("txtEvaluador","txtEvaluado","txtRevisor");
                                    </script>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
               
              
                

                <c:if test="${mensaje2 != null }" >
                    <tr>
                        <td  colspan="4" style="text-align: left">

                            <font color="#1F497D" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje2}" /></font>

                        </td>
                    </tr>
                </c:if>

				<tr>
                	<td colspan="4" style="text-align: left">
                		<div id="ver_cabecera"></div>
                	</td>
                </tr>
<%--                 <c:if test="${verificacion != ''}" > --%>
<!--                     <tr> -->
<!--                         <td colspan="4" class="labelErrorUL"> -->
<%--                              <c:out value="${cabecera}" /> --%>
<!--                         </td> -->
<!--                     </tr> -->
<!--                     <tr> -->
<!--                         <td colspan="4" class="labelErrorUL"> -->
<%--                              <c:out value="${verificacion}" /> --%>
<!--                         </td> -->
<!--                     </tr> -->
<%--                 </c:if> --%>
            </table>
        </html:form>
    </body>
    
    <script type="text/javascript">
    var operacionGlobal;
        function llenarComentario(obj){
            var comentario = obj.value;
            comentario = nl2br(comentario);
            llenarComentarioIntegral(comentario, 1 , '<%=request.getContextPath()%>');
        }

        function nl2br(str) {
           return str.replace(/\n/g,"@");
        }

        function notificar(ruta){
        	//alert("antes de notificar");        	
        	//notificarARevisor();
        	//alert("despues de notificar");
            //document.forms[0].operacion.value="g";
            
            /////document.forms[0].method.value='notificarARevisor';
            /////document.forms[0].submit();
        	url=ruta + '/a_EvalIntegral.do?method=notificarARevisor' ;
            url = url+'&ms='+(new Date()).getTime();
            ajax0 = new Ajax.Request(url,{
                asynchronous: false,
                method: 'get',
                onSuccess: function(transport, json) {
              	     if(json.executeError){
              	      	alert(json.executeError);
              	      }
              	     if(json.notificoEvaluadorOk=="true"){
              	    	var btn = document.getElementById('btnNotificar');
         	   			 btn.disabled=true;
              	     } 
         	   		   itemsHtml = "<table>";
                   	   itemsHtml +="<tr>";
                   	   itemsHtml +="<td  colspan='4' style='text-align: left'>";
                   	   itemsHtml +="<font color='#1F497D' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.notificacionEvaluador + "</font>";
                   	   itemsHtml +="</td>";
                   	   itemsHtml +="</tr>"; 
                   	   itemsHtml += "</table>";
                   	   document.getElementById('ver_mensaje').innerHTML = itemsHtml;
              	     
              	   
       	      } //Fin de la Funcion	    
            });  
        }        
        
        function grabar(){
//             document.forms[0].operacion.value="g";
//             document.forms[0].method.value='OperacionesEvalIntegral';
//             document.forms[0].submit();
         	operacionGlobal="g"; 
    		OperacionxAjax(operacionGlobal, '<%=request.getContextPath()%>');
        }

        function enviar(){
            var mensaje = confirm("Después de enviar, no se podrá realizar más \n modificaciones a la Evaluación Integral \n ¿Está seguro que desea enviar la información?");
            if(mensaje){
//                 document.forms[0].operacion.value="e";
//                 document.forms[0].method.value='OperacionesEvalIntegral';
//                 document.forms[0].submit();
             	operacionGlobal="e"; 
        		OperacionxAjax(operacionGlobal, '<%=request.getContextPath()%>');
            }
        }
// -----------------------------------------------------------------------------------------------
        function OperacionxAjax(operacion, ruta){
        var msj ="";
          accion='A';
        //  url='/'+ruta[1]+'/Ajax.do?metodo=fillvalorMeta&id='+id+'&valor='+valor+'&peso='+peso;
          url=ruta + '/a_EvalIntegral.do?method=OperacionesEvalIntegral&operacion='+ operacion ;
          url = url+'&ms='+(new Date()).getTime();
     
          ajax0 = new Ajax.Request(url,{
              asynchronous: false,
              method: 'get',
              onSuccess: function(transport, json) {
            	     if(json.executeError){
            	      	alert(json.executeError);
            	      }
            	      else{  
//            	    	  alert("json.mensaje: " + json.mensaje);
//            	    	  alert("json.cabecera: " + json.cabecera);
//            	    	  alert("json.verificacion: " + json.verificacion);
            	    	  itemsHtml = "<table>";
                	      itemsHtml += "<tr>";
                	      itemsHtml += "<td colspan='4' style='text-align: left'>";
                	      if (operacionGlobal=="g" || json.verificacion=="") {
                	    	  itemsHtml +="<font color='#1F497D' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.mensaje + "</font>";
                	    	  
                	    	  
    						} else  if (operacionGlobal=="e" || json.verificacion!="") {
    							 itemsHtml +="<font color='red' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.mensaje + "</font>";
    						}
                	      	
                	      itemsHtml += "</td></tr>";
                	      itemsHtml += "</table>";
                	      document.getElementById('ver_mensaje').innerHTML = itemsHtml;

                	      itemsHtml = "<table>";
                	      itemsHtml += "<tr>";

                	      if (operacionGlobal=="g" && json.verificacion!="") {
                	    	    itemsHtml += "<td colspan='4' class='labelErrorULBlue'>" + json.cabecera ;
    						} else  if (operacionGlobal=="e" && json.verificacion!="") {
    							itemsHtml += "<td colspan='4' class='labelErrorUL'>" + json.cabecera ;
    						}

                	      itemsHtml += "</td></tr>";
                	      itemsHtml += "<tr>";
                	      if (operacionGlobal=="g" || json.verificacion=="") {
              	    	    itemsHtml += "<td colspan='4' class='labelErrorULBlue'>" + json.verificacion ;
    						} else  if (operacionGlobal=="e" || json.verificacion!="") {
    							itemsHtml += "<td colspan='4' class='labelErrorUL'>" + json.verificacion ;
    						}
                	      itemsHtml += "</td></tr>";
                	      itemsHtml += "</table>";
                	      document.getElementById('ver_cabecera').innerHTML = itemsHtml;
                	      
    	            	      if (operacionGlobal=="e" && json.verificacion=="") {
    	            	    	  var txtEvaluado = document.getElementById("txtEvaluado");
    	            	    	  txtEvaluado.setAttribute('readonly',true);
    	            	    	  document.getElementById('divgrabar').innerHTML = "";
    	            	    	  document.getElementById('divenviar').innerHTML = "";
    	            	    	  document.getElementById('ver_btnotificar').innerHTML = "";
    	            	    	  
    							}
                	    }
             	      } //Fin de la Funcion	    
          });  
        }

//---------------------------------------------------------------------------------
        
        
        
    function retornarHeight(h){
        var posicion_y;
        posicion_y=(screen.height/2)-(h/2);
        return posicion_y;
    }

    function retornarWidth(w){
        var posicion_x;
        posicion_x=(screen.width/2)-(w/2);
        return posicion_x;
    }

    function imprimir(){
        var url = '<%=request.getContextPath()%>/ImprimirIntegral';
        //alert(url);
        var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=800, height=800, top="+retornarHeight(800)+", left="+retornarWidth(800);
        window.open(url,"",opciones);
    }

    function cerrar(){
        window.close();
    }
    </script>

</html>


